<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/head.css">
		<link rel="stylesheet" type="text/css" href="css/foot.css"/>
		<link rel="stylesheet" href="css/home.css">
	</head>
	<body>
		<div class="head">
			<div class="head-top ">
				<div class="head-top-inside ">
					<div class="head-top-inside-left">
						<div><img src="img/f.png" alt=""></div>
						<div><img src="img/n.png" alt=""></div>
						<div><img src="img/g.png" alt=""></div>
						<div><img src="img/q.png" alt=""></div>
						<div><img src="img/x.png" alt=""></div>
					</div>
					<div class="head-top-right">
						<div class="right-email">
							<img src="img/y.png" alt="">
							<span>Conterust@gmail.com</span>
						</div>
						<div class="phone">
							<img src="img/d.png" alt="">
							<span>80 88888 7</span>
						</div>
					</div>
				</div>
			</div>

			<div class="head-middle">
				<div class="head-middle-cont">
					<div class="head-middle-cont-left">
						<span>z <a>Vossen</a></span>
						<p>Travel and headrs</p>
					</div>
					<div class="head-middle-cont-right">
						<ul>
							<li><a href="index.html"><p>HOME</p></a></li>
							<li><a href="blog.html">BLOG</a></li>
							<li><a href="aboutus.html">ABOUT US</a></li>
							<li><a href="contact.html">CONTUACT</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="head-bottom">
				<div class="head-small-cont">
					<div class="head-small-conts">
						<div class="top-font">SEE THE WORD DIFFERENTLY</div>
						<div style="color: white;font-size: 22PX;text-align: center;">request，desing and book rtavel
							experiences as unique
							as right are</div>
						<div class="frame">
							<input type="text" placeholder="Where areright gonging" />
							<button><img src="img/s.png" alt="">search</button>
						</div>
						<div class="cont0">
							Top
							DESTINATION:&nbsp; PARLS
							&nbsp; NEW YORK &nbsp; LONDON &nbsp; ROME &nbsp; SAN FRANCON &nbsp; MORE...</div>
					</div>
				</div>
			</div>
		</div>			
		<div class="cont">
			<div class="bg-grey">
				<div class="flex list1 com-center">
					<dl>
						<dt><img src="./img/home1.png" width="100%" /></dt>
						<dd>
							<div class="title1">Civita di Bagnoregio,talia </div>
							<p>April 14,2015</p>
							<p>Uploaded by <span class="span1">John Doe</span></p>
						</dd>
					</dl>
					<dl>
						<dt><img src="./img/home1.png" /></dt>
						<dd>
							<div class="title1">Tuscany,Italy </div>
							<p>April 14,2015</p>
							<p>Uploaded by <span class="span1">John Doe</span></p>
						</dd>
					</dl>
					<dl>
						<dt><img src="./img/home1.png" /></dt>
						<dd>
							<div class="title1">Picturesque Lake Como </div>
							<p>April 14,2015</p>
							<p>Uploaded by <span class="span1">John Doe</span></p>
						</dd>
					</dl>
				</div>
			</div>
			<!--/bg-grey-->
			<div class="cont1 com-center">
				<div class="cont1head">
					<h1>ABOUT US</h1>
					<img src="img/bg-transverse.png" class="bg-transverse"/>
				</div>
				<p class="title-p">Nulla eget mauris quis elit mollis ornare vitae ut odio.Cras tincidunt, augue vitae
					sollicitudin commodo, quam elit varius est, et<br />
					ornare ante massa quis tellus. Mauris nec lacinia nisl.Curabitur tempus tellus et vulputate
					vestibulum.</p>
				<div class="list2 com-center flex">
					<dl>
						<dt>
							<img src="img/news.png" />
						</dt>
						<dd>
							<div class="title2">
								Lorem ipsum dolor
							</div>
							<p class="pc-p">
								Lorem ipsum dolor sit amet,consectetuer<br />
								adipiscing elit, sed euismod tincidunt ut<br />
								laoreet dolore magna aliquam erat<br />
								volutpat.Ut wisi enim ad<br />
							</p>
							<p class="phone-p">
								Lorem ipsum dolor sit amet,consectetuer<br />
								adipiscing elit, sed euismod tincidunt ut laoreet<br />
								dolore magna aliquam erat volutpat.Ut wisi enim<br />
								ad
							</p>
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="img/dw.png" />
						</dt>
						<dd>
							<div class="title2">
								Lorem ipsum dolor
							</div>
							<p class="pc-p">
								Lorem ipsum dolor sit amet,consectetuer<br />
								adipiscing elit, sed euismod tincidunt ut<br />
								laoreet dolore magna aliquam erat<br />
								volutpat.Ut wisi enim ad<br />
							</p>
							<p class="phone-p">
								Lorem ipsum dolor sit amet,consectetuer<br />
								adipiscing elit, sed euismod tincidunt ut laoreet<br />
								dolore magna aliquam erat volutpat.Ut wisi enim<br />
								ad
							</p>
							
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="img/lxr.png" />
						</dt>
						<dd>
							<div class="title2">
								Lorem ipsum dolor
							</div>
							<p class="pc-p">
								Lorem ipsum dolor sit amet,consectetuer<br />
								adipiscing elit, sed euismod tincidunt ut<br />
								laoreet dolore magna aliquam erat<br />
								volutpat.Ut wisi enim ad<br />
							</p>
							<p class="phone-p">
								Lorem ipsum dolor sit amet,consectetuer<br />
								adipiscing elit, sed euismod tincidunt ut laoreet<br />
								dolore magna aliquam erat volutpat.Ut wisi enim<br />
								ad
							</p>
						</dd>
					</dl>
				</div>
				<!--/list2-->
				<div class="btn">MORE</div>
			</div>
			<!--/cont1-->
			<div class="splitline">
				<!-- <img src="img/home2.png" width="100%" class="pc-p" />
				<img src="img/splitline-phone.png" width="100%" class="phone-p" /> -->
				Curabitur pharetra sed magna at tincidunt. Maecenas auctor tincidunt ex. Aliquam a vestibulum Donec diam
				ipsum euismod.
			</div>
			<div class="bg-grey">
				<div class="cont2 com-center">
					<div class="cont1head">
						<h1>SERVICES</h1>
						<img src="img/bg-grey.png" class="bg-transverse" />
					</div>
					<p class="title-p">Nulla eget mauris quis elit mollis ornare vitae ut odio.Cras tincidunt, augue vitae
						sollicitudin commodo, quam elit varius est, et<br />
						ornare ante massa quis tellus. Mauris nec lacinia nisl.Curabitur tempus tellus et vulputate
						vestibulum.</p>
					<div class="list3 com-center flex">
						<!--1-->
						<dl>
							<dt>
								<img src="img/aircraft.png" width="80px" />
							</dt>
							<dd>
								<div class="title3">Henderit Mauris</div>
								<p class="title-p pc-p">Praesent vestibuluolestie<br />lacus</p>
								<p class="title-p phone-p">Praesent vestibuluolestie lacus</p>
							</dd>
						</dl>
						<!--2-->
						<dl>
							<dt>
								<img src="img/aircraft.png" width="80px" />
							</dt>
							<dd>
								<div class="title3">Henderit Mauris</div>
								<p class="title-p pc-p">Praesent vestibuluolestie<br />lacus</p>
								<p class="title-p phone-p">Praesent vestibuluolestie lacus</p>
							</dd>
						</dl>
						<!--3-->
						<dl>
							<dt>
								<img src="img/aircraft.png" width="80px" />
							</dt>
							<dd>
								<div class="title3">Henderit Mauris</div>
								<p class="title-p pc-p">Praesent vestibuluolestie<br />lacus</p>
								<p class="title-p phone-p">Praesent vestibuluolestie lacus</p>
							</dd>
						</dl>
						<!--4-->
						<dl>
							<dt>
								<img src="img/aircraft.png" width="80px" />
							</dt>
							<dd>
								<div class="title3">Henderit Mauris</div>
								<p class="title-p pc-p">Praesent vestibuluolestie<br />lacus</p>
								<p class="title-p phone-p">Praesent vestibuluolestie lacus</p>
							</dd>
						</dl>
					</div>
					<!--/list3s-->
					<div class="list3 com-center flex" style="margin-top: -60px;">
						<!--1-->
						<dl>
							<dt>
								<img src="img/aircraft.png" width="80px" />
							</dt>
							<dd>
								<div class="title3">Lorem ipsum dolor</div>
								<p class="title-p pc-p">Praesent vestibuluolestie<br />lacus</p>
								<p class="title-p phone-p">Praesent vestibuluolestie lacus</p>
							</dd>
						</dl>
						<!--2-->
						<dl>
							<dt>
								<img src="img/aircraft.png" width="80px" />
							</dt>
							<dd>
								<div class="title3">Lorem ipsum dolor</div>
								<p class="title-p pc-p">Praesent vestibuluolestie<br />lacus</p>
								<p class="title-p phone-p">Praesent vestibuluolestie lacus</p>
							</dd>
						</dl>
						<!--3-->
						<dl>
							<dt>
								<img src="img/aircraft.png" width="80px" />
							</dt>
							<dd>
								<div class="title3">Lorem ipsum dolor</div>
								<p class="title-p pc-p">Praesent vestibuluolestie<br />lacus</p>
								<p class="title-p phone-p">Praesent vestibuluolestie lacus</p>
						</dl>
						<!--4-->
						<dl>
							<dt>
								<img src="img/aircraft.png" width="80px" />
							</dt>
							<dd>
								<div class="title3">Lorem ipsum dolor</div>
								<p class="title-p pc-p">Praesent vestibuluolestie<br />lacus</p>
								<p class="title-p phone-p">Praesent vestibuluolestie lacus</p>
							</dd>
						</dl>
					</div>
					<!--/list3s-->
				
				</div>
				<!--/cont2-->
				
			</div><!--/bg-grey-->
			<div class="splitline">
				<!-- <img src="img/home2.png" width="100%" class="pc-p" />
				<img src="img/splitline-phone.png" width="100%" class="phone-p" /> -->
				Curabitur pharetra sed magna at tincidunt. Maecenas auctor tincidunt ex. Aliquam a vestibulum Donec diam
				ipsum euismod.
			</div>
			<div class="cont3 com-center flex">
				<div class="cont3left">
					<div class="left-top flex">
						<img src="img/rome.png" width="48%" style="display: block;padding: 10px;" />
						<div>
							<div class="title2" style="font-size: 24px;padding-top: 5px;">
								Nam libero tempore,cum soluta nobis
							</div>
							<p class="con3top-p1">By <span class="span1">Danny</span> on April 14,2015</p>
							<p class="con3top-p2 pc-p">
								Nam libero temporecum soluta nobis es eli<br />
								gendi optio cumque quod maxime<br />
								placeat facere possimus nihil impedit que <br />
								minus id quod maxime placeat facere <br />
								possimus.
							</p>
							<p class="con3top-p2 phone-p">
								Nam libero temporecum soluta nobis es eligendi <br />
								optio cumque quod maxime placeat facere <br />
								possimus nihil impedit que minus id quod maxime <br />
								placeat facere possimus.
							</p>
						</div>
						
					</div>
					<div class="left-bottom flex">
						<dl>
							<dt>
								<img src="img/door.png" >
							</dt>
							<dd class="pc-p">
								Nam libero tempore,<br />cum soluta nobis
							</dd>
							<dd class="phone-p">
								Nam libero tempore,cum soluta nobis
							</dd>
						</dl>
						<!--2-->
						<dl>
							<dt>
								<img src="img/door.png" >
							</dt>
							<dd class="pc-p">
								Nam libero tempore,<br />cum soluta nobis
							</dd>
							<dd class="phone-p">
								Nam libero tempore,cum soluta nobis
							</dd>
						</dl>
						<!--3-->
						<dl>
							<dt>
								<img src="img/door.png" >
							</dt>
							<dd class="pc-p">
								Nam libero tempore,<br />cum soluta nobis
							</dd>
							<dd class="phone-p">
								Nam libero tempore,cum soluta nobis
							</dd>
						</dl>
					</div>
				</div>
				<div class="cont3right">
					<div class="bor-grey">
						<span class="borog">Latest News</span>
					</div>
					<div class="gtul">
						<div>>  Lorem ipsum dolor sit amet, consectetur elit eleifend quis elit.</div>
						<div>> Lorem ipsum dolor sit amet, consectetur elit.</div>
						<div>> Lorem ipsum dolor sit amet, consectetur elit.</div>
						<div>> Lorem ipsum dolor sit amet, consectetur elit eleifend quis elit.</div>
						<div>> Lorem ipsum dolor sit amet, consectetur elit eleifend quis elit.</div>
						<div>> Lorem ipsum dolor sit amet, consectetur elit.</div>
						<div>> Lorem ipsum dolor sit amet, consectetur elit eleifend quis elit.</div>
					</div>
					
				</div>
			</div><!--/cont3-->


		</div>
		<div class="foot">
			<div class="footer">
				<div class="left">
					<div class="head-middle-cont-left">
						<span>
							<l style="color: white;">z </l><a>Vossen</a>
						</span>
						<p style="color: white;">Travel and headrs</p>
					</div>
					<div class="font">
						<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque quod maxime
							placeat cum soluta nobis facere possimus nihil impedit quo minus id quod maxime placeat
							facere
							possimus. est eligendi optio cumque</p>
						facere possimus nihil impedit quo minus id quod maxime placeat facere possimus.
					</div>
				</div>
				<div class="middle">
					<div class="middle-font">
						News Letter
					</div>
					<p>facere possimus nihil impedit quo minus id quod maxime placeat facere possimus. est eligendi</p>
					<input type="text" placeholder="Enter rightr email address">

					<div class="subcribe">SUBCRIBE NOW</div>
				</div>
				<div class="right">
					<div class="middle-font">
						Flickr Wid git

					</div>
					<div class="three-img">
						<img src="img/about.png" alt="">
						<img src="img/boat.png" alt="">
						<img src="img/home1.png" alt="">
						<img src="img/boat.png" alt="">
					</div>
				</div>

			</div>
			<div class="foote">
				<div class="foote1">
					Copyright 2015.conpaany name All rights reserved.氢设计
				</div>
			</div>
		
		
		

	</body>
</html>
